﻿
$(function () {
    init();
    $(window).on('scroll',function () {
        setHeaderBg();
        follow();
    });
    follow();

    $('.main').goTo({
        item: '>.section',
        link: ['.link_one','.link_two','.link_three','.link_four','.link_five'],
        topDis: $('header').height()
    });

    new WOW().init();
    project();
})

function init() {
    var winHeight = $(window).height();
    $('.section1').height( winHeight );
    $('#particles-js').height( winHeight );

}
/*滚动时调用*/
function follow() {
    var top = $(window).scrollTop();
    switch (true) {
        case top>=0&&top<($('.section').eq(1).offset().top-$('.header').height()):
            setClass(0);
            break;
        case top>=($('.section').eq(1).offset().top-$('.header').height())&&top<($('.section').eq(2).offset().top-$('.header').height()):
            setClass(1);
            break;
        case top>=($('.section').eq(2).offset().top-$('.header').height())&&top<($('.section').eq(3).offset().top-$('.header').height()):
            setClass(2);
            break;
        case top>=($('.section').eq(3).offset().top-$('.header').height())&&top<($('.section').eq(4).offset().top-$('.header').height()):
            setClass(3);
            break;
        case top>=($('.section').eq(4).offset().top-$('.header').height()):
            setClass(4);
            break;
    }
}
/*设置类名*/
function setClass(i) {
    $('.nav li').eq(i).addClass('active').siblings().removeClass('active');
}
/*点击导航，页面滚动模块*/
$.fn.goTo=function (opt) {
    var _this = $(this);
    var $item = _this.find(opt.item);
    var topDis = opt.topDis||0;
    opt.link.forEach(function (v,i) {
        $(v).on('click',function () {
            $(this).parent().addClass('active').siblings().removeClass('active');
            var target = $item.eq(i).offset().top;
            i>0?target-=topDis:target;
            $('body').animate(
                {scrollTop: target},
                500,
                function(){
                    $item.eq(i).addClass('current').siblings().removeClass('current');
                }
            );
        });
    });
}
/*顶部通栏透明度控制模块*/
function setHeaderBg() {
    var top = $(window).scrollTop();
    var opacity = 0;
    if(top > 400){
        opacity = 1;
    }
    else{
        opacity = top/400;
    }
    $('header').css({backgroundColor:"rgba(51,51,51,"+opacity+")"});
}
/*项目模块*/
function project() {
    $('.section3 .top').on('mouseenter',function (e) {
        $(this).find('.mask').addClass('fadeIn animated');
        $(this).find('img').parent('a').addClass('active')
    });
    $('.section3 .top').on('mouseleave',function () {
        $(this).find('.mask').removeClass('fadeIn animated');
        $(this).find('img').parent('a').removeClass('active');
    });
}
